<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/noveldetail.css"/>
    <link rel="stylesheet" href="../public/js/swiper-3.4.2.min.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/touch.js"></script>
    <script  src="../public/js/template-native.js"></script>
</head>
<body>
<!--头部-->
<header class="header">
    <!--背景-->
    <div class="novel_background">
        <img src="../public/images/ajax/hzgroom1.jpg" class="background_img"/>
        <span class="novel_shade"></span>
    </div>
    <div class="header_icon">
        <a class="back" href="javascript:;"></a>
        <span class="send_btn">关注</span>
    </div>
    <div class="novel_info"></div>
    <div class="novel_btn">
        <ul>
            <li class="novel_read"><a href="javascript:;">开始阅读</a></li>
            <li class="novel_add"><a href="javascript:;">加入书架</a></li>
            <li class="novel_list"><a href="javascript:;" class="novel_lista">目录</a></li>
        </ul>
    </div>
    <div class="novel_brief">
        <h3 class="brief_title">作品简介</h3>
        <p class="brief_content">叹一声江山如画，一时多少豪杰！问一句世道诡谲，能否不忘初心？一百余载，山河变幻沧海桑田，只待承启；丰庆六年，英雄并起风云聚散，归看青鱼。鸿渐于陆，夫征不复，利御寇。，只待承启；丰庆六年，英雄并起风云聚散，归看青鱼。鸿渐于陆，夫征不复，利御寇。，只待承启；丰庆六年，英雄并起风云聚散，归看青鱼。鸿渐于陆，夫征不复，利御寇。</p>
        <p class="open_brief">展开</p>
    </div>
</header>
<!--评论-->
<section class="comment">
    <h3>精彩点评<a href="javascript:;" class="write_comment">写评论</a></h3>
    <ul class="comment_list"></ul>
    <a href="commentform.ejs" class="look_more">查看更多<span></span></a>
</section>

<!--导航栏-->
<nav class="nav">
    <ul>
        <li>
            <a href="home.ejs" class="bookshop nava">
                <p>书城</p>
            </a>
        </li>
        <li>
            <a href="bookshop.ejs" class="bookcase nava">
                <p>书架</p>
            </a>
        </li>
        <li>
            <a href="search.ejs" class="search nava">
                <p>搜索</p>
            </a>
        </li>
        <li>
            <a href="personal.ejs" class="personnal nava">
                <p>个人中心</p>
            </a>
        </li>
    </ul>
</nav>
<!--弹出层-->
<div class="mask_tip">
    <div class="mask_content">
        <p>删除成功</p>
    </div>
</div>
<!--小说模板引擎-->
<script type="javascript/template" id="novelDetail">
    <div class="novel_content">
        <img src="<%=items[0].imgUrl%>" alt="<%=items[0].bookName%>"/>
        <p class="novel_name"><%=items[0].bookName%><span class="novel_status"><%=items[0].status%></span></p>
        <p class="authod"><%=items[0].author%></p>
        <p class="hot">总热度<span><%=items[0].clickCount%></span></p>
        <p class="concern"><span><%=items[0].focusCount%></span>万人已关注</p>
        <p class="novel_type">
            <span><%=items[0].style%></span>
            <%if (items[0].style1){%>
            <span><%=items[0].style1%></span>
            <%}%>
        </p>
    </div>
</script>
<!--评论模板引擎-->
<script type="javascript/template" id="commentList">
  <%for(var i=0;i< items.length;i++){%>
  <li>
      <div class="comment_top">
          <img src="../public/images/snowman.jpg" alt="头像"/>
          <p class="comment_name"><%=items[i].userName%></p>
          <p class="comment_date"><%=items[i].commentTime%></p>
          <span class="upvote"><%=items[i].good%></span>
      </div>
      <div class="comment_content">
          <p><%=items[i].comment%></p>
      </div>
  </li>
  <%}%>
</script>
</body>
<script src="../public/js/noveldetail.js"></script>
</html>